import {FC} from "react";
import {Column} from "@ant-design/charts";
const CustChartColumn:FC<any>=()=>{
    const data = [
        {type: '家具家电', sales: 38},
        {type: '粮油副食', sales: 52},
        {type: '生鲜水果', sales: 61},
        {type: '美容洗护', sales: 145},
        {type: '母婴用品', sales: 48},
        {type: '进口食品', sales: 38},
        {type: '食品饮料', sales: 38},
        {type: '家庭清洁', sales: 38}
    ];
    const config = {
        data: data,
        autoFit:true,
        style: {
            width:"100%",
            height:"100%"
        },
        color:"#31FBFB",
        xField: 'type',
        yField: 'sales',
        meta: {type: {alias: '类别'}, sales: {alias: '销售额'}},
    };
    return (<Column {...config} />);
}
export default CustChartColumn;
